<extend name="Base/common"/>

<block name="body">
    <!-- banner start -->
    <div class="inside-ban product-ban"><img src="/html/images/banner/product-ban_02.jpg" style="max-width: 100%;"> </div>
    <!-- banner end -->

    <!-- center start -->
    <div class="inside-cen">
        <div class="box">
            <div class="inside-left left">
                <div class="left-title">
                    <h3>产品中心</h3>
                    <p>PRODUCT CENTER</p>
                </div>
                <ul>
                    <volist name="cate_list" id="val">
                    <li <if condition="$cate_id eq $val['id']">class="on"</if>>
                        <a href="{:U('index',array('cate_id'=>$val['id']))}">
                            <h3>{$val.title}</h3>
                            <p>{$val.name}</p>
                        </a>
                        <div class="mask-inside"></div>
                    </li>
                    </volist>
                </ul>
            </div>
            <div class="inside-right right">
                <div class="crumbs">
                    <i><img src="/html/images/common/address_03.png"> </i>
                    <a href="/">首页</a>
                    <span> > </span>
                    <a href="{:U('Product/index',array('cate_id'=>75))}">产品中心</a>
                    <span> > </span>
                    <a href="javascript:void(0)">{$cate_info.title}</a>
                </div>
                <div class="com-inside">
                    <ul class="products-ul">
                        <volist name="product_data['list']" id="val">
                        <li>
                            <a  href="{:U('Product/detail',array('id'=>$val['id']))}">
                                <div class="product-img"><img src="{$val.cover_id|get_cover='path'}"> </div>
                                <p>{$val.title}</p>
                            </a>
                        </li>
                        </volist>
                    </ul>
                    <div class="page">
                        {$product_data.page}
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- center end -->
</block>
